<!--群组列表-->
<template>
  <div class="flex flex-row">
    <!--左侧列表-->
    <div class="w-1/5 ">
      <GroupSidebar @into-group="data => {activeGroup = data}"></GroupSidebar>
    </div>
    <div class="w-4/5">
      <GroupPanel :group="activeGroup"></GroupPanel>
    </div>
  </div>
</template>

<script setup>

import GroupSidebar from "@/views/groups_components/GroupSidebar.vue";
import GroupPanel from "@/views/groups_components/GroupPanel.vue";
import {ref} from "vue";

//点中的group
const activeGroup = ref(null);

const clickAdd = ()=>{
  console.debug("clickAdd...")
}

</script>

<style lang="scss" scoped>

</style>